/*
 * Rule Order:
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * overflow
 * list-style
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 */

/*******************************************************************************
  General
*******************************************************************************/

html * {
    padding:0;
    margin:0;
}

body, input, select, textarea, button {
   font-family : Arial, Helvetica, sans-serif;
}

a {
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a img {
   border : none;
}

.clear {
    clear : both;
}

.floatright {
	float : right;
}

.floatleft {
	float : left;
}

.bold {
	font-weight : bold;  
}

.hidden {
    display : none;
}

.nowrap {
    white-space : nowrap;
}

.max_width {
   width:100%;
}

.panel {
   margin-bottom : 15px;
   border        : 1px solid #C0C0C0;
   background    : #F7F7F7;
}

.pass {
   margin     : 10px 0 10px 0;
   border     : 1px solid #008800;
   background : #DDFFDD;
}

.fail {
   margin     : 10px 0 10px 0;
   border     : 1px solid #ff0000;
   background : #FFDDDD;
}

label img,
td.label img {
   float         : left;
   padding-right : 0.75em;
}

/*******************************************************************************
  Headers
*******************************************************************************/

h1, h2, h3, h4, h5, h6 {
	padding     : 0 0 0.5em 0;
	color       : #333333;
	font-family : Arial, sans-serif;
}

h1 {
    font-size      : 2em;
    padding-bottom : 1em;
}

h2 {
    font-size : 1.7em;
}

h3 {
   font-size : 1.5em;
}

h4 {
   font-size : 1.25em;
}


/*******************************************************************************
  Tables
*******************************************************************************/

table {
	margin          : 0 0 1em 0;
   border-collapse : collapse;
	border          : none;
}

tr.alt td {
   background : #ECECEC;
}

th {
   background : #777777;
   color      : #FFFFFF;
}

td {
    background : #F7F7F7;
}

th, td {
   padding      : 5px  1.5em 5px .5em;
   border       : 1px solid #C0C0C0;
   text-align   : left;
}

th.center,
td.center {
   padding-left  : 1em;
   padding-right : 1em;
   text-align    : center;
}

th.right,
td.right {
   padding-left  : 1.5em;
   padding-right : 0.5em;
   text-align    : right;
}

th.center a,
td.center a {
	margin : auto;
}

tr.datanav th {
   padding     : 0.5em;
   background  : #FFFFFF;
   border      : 0;
   font-weight : normal;
}

tr.datanav span.datanav {
   float   : right;
   padding : 1px;
}

tr.datanav span.datanav {
   color : #999999;
}

tr.datanav span.datanav em {
   padding     : 2px 4px 3px 4px;
   border      : 1px solid #C0C0C0;
   background  : #777777;
   color       : #FFFFFF;
   font-style  : normal;
   font-weight : bold;
}

tr.datanav th a.number,
tr.datanav th a.number:visited {
   padding     : 2px 4px 3px 4px;
   border      : 1px solid #C0C0C0;
   background  : #FFFFFF;
   color       : #777777;
}

td.norecords {
    color       : #ff0000;
    font-weight : bold;
    text-align  : center;
}

td.label {
   font-weight : bold;
   white-space : nowrap;
}

td.value {
   white-space : nowrap;
}

/*******************************************************************************
  Forms
*******************************************************************************/

fieldset {
	padding : 20px 20px 5px 20px;
}

form div {
   float         : left;
   width         : 100%;
   margin-bottom : 15px;
   clear         : left;
}

form div p.error {
   display     : inline;
   margin-left : 0.5em;
   color       : #FF0000;
}

form div p.rules {
   margin    : 0 0 0 15.25em;
   color     : #666666;
   font-size : 0.85em;
}

label {
	float         : left;
	width         : 12em;
	padding-right : 1em;
   text-align    : right;
}

input {
   padding : 2px;
}

input, select, textarea {
	border    : 1px solid #7F9DB9;
   font-size : 100%;
}

textarea {
   width : 25em;
}

button {
   padding   : 3px 10px 3px 10px;
   font-size : 100%;
}
